<template>
  <div id="guide2" @click="hideClick()" v-if="isShow">
    <div class="icon_up animated bounceIn" @click="hideClick()"></div>
  </div>
</template>

<script>
export default {
  name: 'guide2',
  data () {
    return {
       isShow: false,
    }
  },
  activated(){
    var self = this;
    this.$HUB.$on('showShare',function(){
      self.isShow = true;
    })
  },
  methods: {
    hideClick: function(){
        this.isShow = false;
    }
  },
}
</script>
<style scoped>
#guide2{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
}
.icon_up{
    width: 290px;
    height: 275px;
    z-index: 1000;
    background-image: url(../../assets/images/icon_share2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 290px 275px;
    position: absolute;
    top: 20px;
    right: 20px;
}
.animated{
    animation-iteration-count: 1000;
}

</style>
